﻿<!DOCTYPE html>
<html>
  <head>
    <title>3 闹钟设置</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_闹钟设置/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_闹钟设置/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u332" class="ax_default _一级标题">
        <img id="u332_img" class="img " src="images/1_1_天气/u59.png"/>
        <div id="u332_text" class="text ">
          <p><span>闹钟-设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u333" class="ax_default sticky_3">
        <img id="u333_img" class="img " src="images/3_闹钟设置/u333.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u334" class="ax_default _一级标题">
        <img id="u334_img" class="img " src="images/1_1_天气/u59.png"/>
        <div id="u334_text" class="text ">
          <p><span>闹钟-设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u335" class="ax_default label">
        <img id="u335_img" class="img " src="images/3_闹钟设置/u335.png"/>
        <div id="u335_text" class="text ">
          <p><span>1.点击下方【设置】功能，进入页面3【闹钟-设置】。</span></p><p><span>2. 点击【音乐】，进入3.1【闹钟-音乐】页面。</span></p><p><span>3. 点击【震动】，进入3.2【闹钟-震动】页面。</span></p><p><span>4. 点击【重复】，进入3.3【闹钟-重复】页面。</span></p><p><span>5. 点击【摇一摇】，进入3.4【闹钟-摇一摇】页面。</span></p><p><span>6. 点击【贪睡模式】，进入3.5【闹钟-贪睡模式】页面。</span></p><p><span>7. 点击【侧按键动作】，进入3.6【闹钟-侧按键动作】页面。</span></p><p><span>8.帮助、关于我们：点击进入对应页面</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u336" class="ax_default" data-left="69" data-top="193" data-width="307" data-height="504">

        <!-- Unnamed (组 合) -->
        <div id="u337" class="ax_default" data-left="69" data-top="217" data-width="307" data-height="418">

          <!-- 底部 (矩形) -->
          <div id="u338" class="ax_default box_1" data-label="底部">
            <img id="u338_img" class="img " src="images/2_1_添加闹钟/u128.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u339" class="ax_default label">
            <img id="u339_img" class="img " src="images/3_闹钟设置/u339.png"/>
            <div id="u339_text" class="text ">
              <p><span>设置</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u340" class="ax_default" data-left="69" data-top="193" data-width="307" data-height="504">

          <!-- Unnamed (组 合) -->
          <div id="u341" class="ax_default" data-left="69" data-top="634" data-width="307" data-height="63">

            <!-- Unnamed (矩形) -->
            <div id="u342" class="ax_default box_1">
              <img id="u342_img" class="img " src="images/1_1_天气/u37.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u343" class="ax_default image">
              <img id="u343_img" class="img " src="images/2_1_添加闹钟/u171.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u344" class="ax_default label">
              <img id="u344_img" class="img " src="images/1_1_天气/u38.png"/>
              <div id="u344_text" class="text ">
                <p><span>闹钟</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u345" class="ax_default label">
              <img id="u345_img" class="img " src="images/1_1_天气/u38.png"/>
              <div id="u345_text" class="text ">
                <p><span>天气</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u346" class="ax_default label">
              <img id="u346_img" class="img " src="images/1_1_天气/u38.png"/>
              <div id="u346_text" class="text ">
                <p><span>设置</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u347" class="ax_default icon selected">
              <img id="u347_img" class="img " src="images/3_闹钟设置/u347.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u348" class="ax_default image">
              <img id="u348_img" class="img " src="images/1_1_天气/u44.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u349" class="ax_default icon selected">
              <img id="u349_img" class="img " src="images/3_闹钟设置/u347.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u350" class="ax_default" data-left="70" data-top="197" data-width="306" data-height="394">

            <!-- Unnamed (组 合) -->
            <div id="u351" class="ax_default" data-left="70" data-top="197" data-width="306" data-height="200.369224654658">

              <!-- 电池 (组 合) -->
              <div id="u352" class="ax_default" data-label="电池" data-left="311" data-top="197" data-width="58" data-height="16">

                <!-- Unnamed (矩形) -->
                <div id="u353" class="ax_default _形状">
                  <img id="u353_img" class="img " src="images/1_1_天气/u32.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u354" class="ax_default _形状">
                  <img id="u354_img" class="img " src="images/1_1_天气/u33.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u355" class="ax_default _形状">
                  <img id="u355_img" class="img " src="images/1_1_天气/u34.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u356" class="ax_default label">
                  <img id="u356_img" class="img " src="images/1_1_天气/u35.png"/>
                  <div id="u356_text" class="text ">
                    <p><span>95%</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (组 合) -->
              <div id="u357" class="ax_default" data-left="70" data-top="263.475988907589" data-width="306" data-height="47.048022184821">

                <!-- Unnamed (矩形) -->
                <div id="u358" class="ax_default label">
                  <img id="u358_img" class="img " src="images/3_闹钟设置/u358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u359" class="ax_default _文本段落">
                  <img id="u359_img" class="img " src="images/3_闹钟设置/u359.png"/>
                  <div id="u359_text" class="text ">
                    <p><span>♪</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u360" class="ax_default label">
                  <img id="u360_img" class="img " src="images/1_1_天气/u38.png"/>
                  <div id="u360_text" class="text ">
                    <p><span>音乐</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u361" class="ax_default label">
                  <img id="u361_img" class="img " src="images/2_1_添加闹钟/u269.png"/>
                  <div id="u361_text" class="text ">
                    <p style="font-size:14px;"><span>经典 </span><span style="font-size:20px;">&gt;</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (组 合) -->
              <div id="u362" class="ax_default" data-left="70" data-top="300" data-width="306" data-height="31">

                <!-- Unnamed (矩形) -->
                <div id="u363" class="ax_default label">
                  <img id="u363_img" class="img " src="images/3_闹钟设置/u358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u364" class="ax_default label">
                  <img id="u364_img" class="img " src="images/3_闹钟设置/u364.png"/>
                  <div id="u364_text" class="text ">
                    <p style="font-size:14px;"><span>关闭</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                  </div>
                </div>

                <!-- 震动 (矩形) -->
                <div id="u365" class="ax_default _文本段落" data-label="震动">
                  <img id="u365_img" class="img " src="images/1_1_天气/u38.png"/>
                  <div id="u365_text" class="text ">
                    <p><span>震动</span></p>
                  </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u366" class="ax_default icon">
                  <img id="u366_img" class="img " src="images/3_闹钟设置/u366.png"/>
                </div>
              </div>

              <!-- Unnamed (组 合) -->
              <div id="u367" class="ax_default" data-left="70" data-top="332" data-width="306" data-height="31">

                <!-- Unnamed (矩形) -->
                <div id="u368" class="ax_default label">
                  <img id="u368_img" class="img " src="images/3_闹钟设置/u358.png"/>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u369" class="ax_default icon">
                  <img id="u369_img" class="img " src="images/3_闹钟设置/u369.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u370" class="ax_default label">
                  <img id="u370_img" class="img " src="images/1_1_天气/u38.png"/>
                  <div id="u370_text" class="text ">
                    <p><span>重复</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u371" class="ax_default label">
                  <img id="u371_img" class="img " src="images/3_闹钟设置/u364.png"/>
                  <div id="u371_text" class="text ">
                    <p style="font-size:14px;"><span>关闭</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u372" class="ax_default label">
                <img id="u372_img" class="img " src="images/3_闹钟设置/u358.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u373" class="ax_default _文本段落">
                <img id="u373_img" class="img " src="images/3_闹钟设置/u373.png"/>
                <div id="u373_text" class="text ">
                  <p><span>摇一摇</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u374" class="ax_default icon">
                <img id="u374_img" class="img " src="images/3_闹钟设置/u374.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u375" class="ax_default label">
                <img id="u375_img" class="img " src="images/3_闹钟设置/u364.png"/>
                <div id="u375_text" class="text ">
                  <p style="font-size:14px;"><span>开启</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u376" class="ax_default" data-left="70" data-top="396" data-width="306" data-height="95">

              <!-- Unnamed (组 合) -->
              <div id="u377" class="ax_default" data-left="70" data-top="396" data-width="306" data-height="63">

                <!-- Unnamed (组 合) -->
                <div id="u378" class="ax_default" data-left="70" data-top="396" data-width="306" data-height="31">

                  <!-- Unnamed (矩形) -->
                  <div id="u379" class="ax_default label">
                    <img id="u379_img" class="img " src="images/3_闹钟设置/u358.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u380" class="ax_default _文本段落">
                    <img id="u380_img" class="img " src="images/3_闹钟设置/u380.png"/>
                    <div id="u380_text" class="text ">
                      <p><span>贪睡模式</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u381" class="ax_default icon">
                    <img id="u381_img" class="img " src="images/3_闹钟设置/u381.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u382" class="ax_default label">
                    <img id="u382_img" class="img " src="images/3_闹钟设置/u382.png"/>
                    <div id="u382_text" class="text ">
                      <p style="font-size:14px;"><span>5分钟 </span><span style="font-size:20px;">&gt;</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u383" class="ax_default label">
                  <img id="u383_img" class="img " src="images/3_闹钟设置/u358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u384" class="ax_default _文本段落">
                  <img id="u384_img" class="img " src="images/3_闹钟设置/u380.png"/>
                  <div id="u384_text" class="text ">
                    <p><span>电量警告</span></p>
                  </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u385" class="ax_default icon">
                  <img id="u385_img" class="img " src="images/3_闹钟设置/u385.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u386" class="ax_default label">
                  <img id="u386_img" class="img " src="images/3_闹钟设置/u364.png"/>
                  <div id="u386_text" class="text ">
                    <p style="font-size:14px;"><span>开启</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u387" class="ax_default label">
                <img id="u387_img" class="img " src="images/3_闹钟设置/u358.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u388" class="ax_default icon">
                <img id="u388_img" class="img " src="images/3_闹钟设置/u388.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u389" class="ax_default _文本段落">
                <img id="u389_img" class="img " src="images/3_闹钟设置/u389.png"/>
                <div id="u389_text" class="text ">
                  <p><span>侧按键动作</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u390" class="ax_default label">
                <img id="u390_img" class="img " src="images/3_闹钟设置/u364.png"/>
                <div id="u390_text" class="text ">
                  <p style="font-size:14px;"><span>开启</span><span style="font-size:16px;"> </span><span style="font-size:20px;">&gt;</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u391" class="ax_default" data-left="70" data-top="528" data-width="306" data-height="31">

              <!-- Unnamed (矩形) -->
              <div id="u392" class="ax_default label">
                <img id="u392_img" class="img " src="images/3_闹钟设置/u358.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u393" class="ax_default _文本段落">
                <img id="u393_img" class="img " src="images/1_1_天气/u38.png"/>
                <div id="u393_text" class="text ">
                  <p><span>帮助</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u394" class="ax_default label">
                <img id="u394_img" class="img " src="images/3_闹钟设置/u394.png"/>
                <div id="u394_text" class="text ">
                  <p><span>&gt;</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u395" class="ax_default icon">
                <img id="u395_img" class="img " src="images/3_闹钟设置/u395.png"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u396" class="ax_default label">
              <img id="u396_img" class="img " src="images/3_闹钟设置/u358.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u397" class="ax_default _文本段落">
              <img id="u397_img" class="img " src="images/3_闹钟设置/u380.png"/>
              <div id="u397_text" class="text ">
                <p><span>关于我们</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u398" class="ax_default label">
              <img id="u398_img" class="img " src="images/3_闹钟设置/u394.png"/>
              <div id="u398_text" class="text ">
                <p><span>&gt;</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u399" class="ax_default icon">
              <img id="u399_img" class="img " src="images/3_闹钟设置/u399.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u400" class="ax_default _形状">
            <img id="u400_img" class="img " src="images/1_1_天气/u23.png"/>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u401" class="ax_default" data-left="75" data-top="202" data-width="31" data-height="6">

            <!-- Unnamed (矩形) -->
            <div id="u402" class="ax_default _形状">
              <img id="u402_img" class="img " src="images/1_1_天气/u25.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u403" class="ax_default _形状">
              <img id="u403_img" class="img " src="images/1_1_天气/u25.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u404" class="ax_default _形状">
              <img id="u404_img" class="img " src="images/1_1_天气/u25.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u405" class="ax_default _形状">
              <img id="u405_img" class="img " src="images/1_1_天气/u25.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u406" class="ax_default" data-left="190" data-top="198" data-width="66" data-height="15">

            <!-- Header 2 (矩形) -->
            <div id="u407" class="ax_default _文本段落" data-label="Header 2">
              <img id="u407_img" class="img " src="images/1_1_天气/header_2_u30.png"/>
              <div id="u407_text" class="text ">
                <p><span>10:30 PM</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 电池 (组 合) -->
      <div id="u408" class="ax_default" data-label="电池" data-left="311" data-top="197" data-width="58" data-height="16">

        <!-- Unnamed (矩形) -->
        <div id="u409" class="ax_default _形状">
          <img id="u409_img" class="img " src="images/1_1_天气/u32.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u410" class="ax_default _形状">
          <img id="u410_img" class="img " src="images/1_1_天气/u33.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u411" class="ax_default _形状">
          <img id="u411_img" class="img " src="images/1_1_天气/u34.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u412" class="ax_default label">
          <img id="u412_img" class="img " src="images/1_1_天气/u35.png"/>
          <div id="u412_text" class="text ">
            <p><span>95%</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
